<!--
 * @Author: liuxinye
 * @Date: 2020-04-08 18:09:10
 * @LastEditors: liuxinye
 * @LastEditTime: 2020-04-09 11:10:28
 * @Description: 
 -->
 <!DOCTYPE HTML>
 <html>
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>A simple example</title>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.css"/>
     <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/pannellum@2.5.6/build/pannellum.js"></script>
     <style>
     #panorama {
         width: 900px;
         height: 600px;
     }
     </style>
 </head>
 <body>
 
 <div id="panorama"></div>
 <script>
 pannellum.viewer('panorama', {
     "type": "equirectangular",
     "panorama": "../img/WechatIMG65.jpeg",
     "autoLoad": true
 });
//  '../img/WechatIMG65.jpeg'
 </script>
 
 </body>
 </html>